<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>退款订单详情</title>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/refund.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">订单详情</h1>
</header>
<div class="mui-content">
    <div class="qy-bg-blue qy-text-white qy-padding-vertical-14px qy-padding-horizontal-12px qy-font-size-18px qy-text-right">等待支付平台处理</div>
    <div class="qy-margin-top-6px qy-bg-white qy-text-black qy-font-size-18px">
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px">
            <div class="mui-col-xs-12">退款金额：{{order.pPrice}}</div>
            <div class="mui-col-xs-12 qy-margin-top-4px">退款路径：{{order.pWay}}</div>
        </div>
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px qy-padding-right-14px">
            <div class="mui-col-xs-12">
                <table class="qy-full-width qy-text-center qy-font-size-14px">
                    <tr>
                        <td><img src="${rootPath}/static/imgs/finish.png" width="35px" /></td>
                        <td><img src="${rootPath}/static/imgs/bluetoright.png" width="56px" /></td>
                        <td><img src="${rootPath}/static/imgs/unfinish.png" width="35px" /></td>
                        <td><img src="${rootPath}/static/imgs/toright.png" width="56px" /></td>
                        <td><img src="${rootPath}/static/imgs/bluemoney.png" width="35px" /></td>
                    </tr>
                    <tr>
                        <td class="qy-text-blue">平台已处理<br/>2017.07.01 15:50</td>
                        <td width="56px">&nbsp;</td>
                        <td>等待支付宝处理<br/>2017.07.01 15:50</td>
                        <td width="56px">&nbsp;</td>
                        <td>退款到账</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="qy-margin-top-10px qy-bg-white qy-text-black qy-font-size-14px">
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px">
            <div class="mui-col-xs-12 ">退款编号：{{order.orderCode}}</div>
            <div class="mui-col-xs-12">退款申请时间：{{order.orderTime}}</div>
        </div>
    </div>
    <div class="qy-margin-top-10px qy-bg-white">
        <div class="mui-row qy-bg-white qy-padding-vertical-8px qy-padding-horizontal-4px qy-margin-top-8px qy-font-size-12px qy-text-label">
            <span class="mui-col-xs-12">{{order.shopName}}</span>
        </div>
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px qy-flex">
            <div class="mui-col-xs-4">
                <img :src="order.pImg" />
            </div>
            <div class="mui-col-xs-8">
                <h2 class="qy-font-size-18px qy-text-black">{{order.pName}}</h2>
            </div>
        </div>
    </div>
    <div class="qy-margin-top-10px qy-bg-white qy-text-black qy-font-size-14px">
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px qy-border-bottom">
            <div class="mui-col-xs-12 ">套餐订单编号：{{order.orderCode}}</div>
            <div class="mui-col-xs-12">下单时间：{{order.orderTime}}</div>
        </div>
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px qy-border-bottom">
            <div class="mui-col-xs-12">支付方式：{{order.payWay}}</div>
        </div>
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px">
            <div class="mui-col-xs-12">发票：完成体检后可在“个人中心-发票管理”进行申请</div>
        </div>
    </div>
    <div class="qy-margin-top-10px qy-bg-white qy-text-black qy-font-size-14px">
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px">
            <div class="mui-col-xs-12">优惠券：{{order.isUseDiscount?"未使用":"使用"}}</div>
        </div>
    </div>
    <div class="qy-margin-top-10px qy-bg-white qy-text-black qy-font-size-14px">
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px qy-border-bottom">
            <div class="mui-col-xs-6">商品总额</div>
            <div class="mui-col-xs-6 qy-text-right qy-padding-right-14px">&yen;{{order.pPrice}}</div>
        </div>
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px qy-font-size-16px">
            <div class="mui-col-xs-12 qy-text-right qy-padding-right-14px">
                <span class="qy-margin-right-6px">总付款:</span>
                <span class="qy-text-red">&yen;{{order.pPrice}}</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/js/RefundDetail.js"></script>